Create A Booking App From Scratch | React, Next.js, Appwrite, Tailwind

react
youtube
Create A Booking App From Scratch | React, Next.js, Appwrite, Tailwind In this 4-hour project-based course, we will build a booking app for meeting/conference rooms. We will be using React/Next along wth Appwrite, which is an open-source, all-in-one platform with databases, authentication, storage and more. Visit Appwrite and claim $50 in free Appwrite Cloud Pro credits: Final Code & Theme Files: Check Out My Courses: Timestamps: 0:00 - Intro 1:30 - Project Demo 5:00 - Create Next App 6:40 - Prep & Clean Up 10:18 - Header Component 18:32 - Footer Component 19:53 - Homepage Rooms (JSON data) 22:32 - RoomCard Component 27:48 - Heading Component 28:49 - Room Details Page 38:20 - Apppwrite Project Setup 40:26 - Rooms Database, Collections & Attributes 44:10 - Add User & Room Data 47:03 - Permissions & API Key 48:15 - Environment Variables 51:16 - Create Appwrite Clients 57:52 - Get All Rooms 1:04:44 - Get Single Room 1:06:53 - Login & Register Pages/Forms 1:11:39 - Middleware in Next.js 1:15:21 - Protecting Routes 1:18:07 - Login & Create Session 1:26:00 - React Toastify Setup 1:34:36 - Logout & Destroy Session 1:43:18 - checkAuth Action 1:47:05 - Show/Hide Nav Links 1:51:00 - Global Auth Context 1:59:20 - Auth Wrapper 2:05:40 - Finish Route Protection 2:07:15 - Create User 2:16:50 - Add Room 2:32:04 - Storage Buckets & Image Upload 2:44:51 - Single Room Page Image 2:46:06 - My Rooms Page 2:59:04 - Delete Room 3:03:58 - DeleteRoomButton Component 3:08:38 - Bookings Collection Setup 3:11:32 - Book Room Action 3:21:32 - Booking Form 3:25:40 -
  2024/10/07      youtube

関連するプログラミング動画 [react]

Our Tag

最近投稿されたプログラミング学習動画

This Is Bad!

Security

A massive security vulnerability was jus...

  2025/04/01

Lock Screen Widgets coming in Android 16 #AskAndroid

android
android

Is your widget lock screen worthy? Comin...

  2025/03/31

What’s new for iOS in Flutter 3.29?

flutter

Here’s the latest for Flutter on iOS: Mo...

  2025/03/31

Anatomy of the SDK Runtime

Do you use third party code to empower y...

  2025/03/31

Learn about internal mobility at Google

Google

Learn about internal mobility opportunit...

  2025/03/31

Can you spot the two issues with how we’re counting active users? Go!

Greetings, developers! Ready for a SQL c...

  2025/03/31

🔥Top Cloud Computing Trends You Can't Miss! #shorts #simplilearn

Amazon
cloud

🔥AWS Cloud Architect Masters Program (Di...

  2025/03/29

Phantom bugs: turning devs into accidental heroes.

When phantom bugs make you look like the...

  2025/03/29

Resolve the "ModuleNotFoundError" error on a SageMaker notebook runnin

For more details on this topic, see the ...

  2025/03/29

DSU - Revolutionizing Myeloma Patient Care with AI: The IMF Success St

Amazon

oin us for an inspiring conversation wit...

  2025/03/28

ChatGPT Full Course For 2025 | ChatGPT Tutorial For Beginnners | ChatG

🔥Purdue - Applied Generative AI Speciali...

  2025/03/28

Launching Gemini 2.5

Tulsee Doshi, Head of Product for Gemini...

  2025/03/28

Scientists Say This is the Simple Secret to Unlocking Your Inner Geniu

Visit and take the first step towards a...

  2025/03/28

🔥Is Cloud Storage Really Secure? #shorts #simplilearn

cloud
Security

🔥CompTIA Security+ (Plus) Certification ...

  2025/03/28

Digital Marketing Full Course 2025 | Digital Marketing Tutorial For Be

Marketing

🔥Purdue - Post Graduate Program in Digit...

  2025/03/28

Who will be crowned the I/O Puzzle champ?

Speed, strategy, and a whole lot of focu...

  2025/03/28